<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="Dashboard">
  <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

  <title>花生手机-主页</title>
  <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/timg.jpg}" media="screen"/>
  <!-- Bootstrap core CSS -->
  <link th:href="@{/assets/css/bootstrap.css}" rel="stylesheet">
  <!--external css-->
  <link th:href="@{/assets/font-awesome/css/font-awesome.css}" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" th:href="@{/assets/css/zabuto_calendar.css}">
  <link rel="stylesheet" type="text/css" th:href="@{/assets/js/gritter/css/jquery.gritter.css}" />
  <link rel="stylesheet" type="text/css" th:href="@{/assets/lineicons/style.css}">
  <!-- Custom styles for this template -->
  <link th:href="@{/assets/css/style.css}" rel="stylesheet">
  <link th:href="@{/assets/css/style-responsive.css}" rel="stylesheet">

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>

<body>

<section id="container" >
  <!-- **********************************************************************************************************************************************************
  TOP BAR CONTENT & NOTIFICATIONS
  *********************************************************************************************************************************************************** -->
  <!--header start-->
  <div th:insert="~{public::nav}"></div>
  <!--header end-->

  <!--sidebar start-->
  <div th:insert="~{public::left}"></div>
  <!--sidebar end-->

  <!--main content start-->
  <section id="main-content">
    <section class="wrapper site-min-height">
      <h3><i class="fa fa-angle-right"></i> 主页</h3>
      <div class="row mt">
        <div class="col-md-2 col-sm-2 col-md-offset-1 box0">
          <div class="box1">
            <span class="li_heart"></span>
            <h3 th:text="${user}"></h3>
          </div>
          <p>[[${user}]]个人在过去喜欢您的页面.</p>
        </div>
        <div class="col-md-2 col-sm-2 box0">
          <div class="box1">
            <span class="li_phone"></span>
            <h3 th:text="${phone}"></h3>
          </div>
          <p>[[${phone}]] 个手机商品</p>
        </div>
        <div class="col-md-2 col-sm-2 box0">
          <div class="box1">
            <span class="li_note"></span>
            <h3 th:text="${indent}"></h3>
          </div>
          <p>你有 [[${indent}]] 订单</p>
        </div>
        <div class="col-md-2 col-sm-2 box0">
          <div class="box1">
            <span class="li_banknote"></span>
            <h3 id="money"></h3>
          </div>
          <p id="money2"></p>
        </div>
        <div class="col-md-2 col-sm-2 box0">
          <div class="box1">
            <span class="li_data"></span>
            <h3>OK!</h3>
          </div>
          <p>您的服务器运行正常。放松和享受.</p>
        </div>

      </div><!-- /row mt -->
      <div class="row mt">
        <div class="col-lg-6">
          <div id="main" style="width: 600px;height:400px;"></div>
        </div>
        <div class="col-lg-6">
          <div id="main2" style="width: 600px;height:400px;"></div>
        </div>
      </div>

    </section><! --/wrapper -->
  </section><!-- /MAIN CONTENT -->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script th:src="@{/assets/js/jquery.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/jquery-ui-1.9.2.custom.min.js}"></script>
<script th:src="@{/assets/js/jquery.ui.touch-punch.min.js}"></script>
<script class="include" type="text/javascript" th:src="@{/assets/js/jquery.dcjqaccordion.2.7.js}"></script>
<script th:src="@{/assets/js/jquery.scrollTo.min.js}"></script>
<script th:src="@{/assets/js/common-scripts.js}"></script>
<script th:src="@{/js/echarts.js}"></script>
<script th:src="@{/js/management-index.js}"></script>
</body>
</html>
